<template>
    <div class="common-layout">
      <el-container>
        <el-header>
          <stock-header></stock-header>
        </el-header>
        <el-main>
            <el-row>
                <el-col :span="3">
                  <stock-list></stock-list>
                </el-col>
                <el-col :span="16">
                  <stock-detail></stock-detail>
                </el-col>
                <el-col :span="5">
                  <stock-timeline></stock-timeline>
                </el-col>
            </el-row>
        </el-main>
      </el-container>
    </div>
</template>

<script setup>
import StockList from '../components/StockList.vue';
import StockTimeline from '../components/StockTimeline.vue';
import StockDetail from '../components/StockDetail.vue';
import StockHeader from '../components/StockHeader.vue';
</script>